<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>反馈管理</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3701801_12u2357o4ba.css">
    <link rel="stylesheet" href="../css/sidebar.css">
    <link rel="stylesheet" href="../css/problemManage.css">
</head>
<body>
    <nav class="sidebar close">
        <header>
            <div class="user-info">
                <span class="image">
                    <img src="../img/tx.JPG" alt="">
                </span>
                <div class="text nickname">
                    <span class="name">[[${session.name}]]</span>
                    <span class="identity" th:text="${session.identity}">图书管理员</span>
                </div>
            </div>

            <i class="toggle iconfont icon-xiangyou1"></i>
        </header>

        <div class="menu-bar">
            <div class="menu">
                <ul class="menu-links">
                    <li class="nav-link">
                        <a th:href="@{/admin/home}">
                            <i class="iconfont icon-home icon"></i>
                            <span class="text nav-text">回到主页</span>
                        </a>
                    </li>
                    <li class="nav-link">
                        <a th:href="@{/admin/userManage}">
                            <i class="iconfont icon-yonghuguanli icon"></i>
                            <span class="text nav-text">用户管理</span>
                        </a>
                    </li>
                    <li class="nav-link">
                        <a th:href="@{/admin/bookManage}">
                            <i class="icon iconfont icon-tubiaozhizuomoban-37"></i>
                            <span class="text nav-text">图书管理</span>
                        </a>
                    </li>
                    <li class="nav-link">
                        <a th:href="@{/admin/problemManage}">
                            <i class="icon iconfont icon-guizeguanli"></i>
                            <span class="text nav-text">反馈管理</span>
                        </a>
                    </li>
                    <li class="nav-link">
                        <a th:href="@{/admin/approval}">
                            <i class="icon iconfont icon-shenpijieyue"></i>
                            <span class="text nav-text">审批借阅</span>
                        </a>
                    </li>
                    <li class="nav-link">
                        <a th:href="@{/admin/adminManage}">
                            <i class="iconfont icon icon-guanliyuan"></i>
                            <span class="text nav-text">管理员管理</span>
                        </a>
                    </li>
                    <li class="nav-link">
                        <a href="#">
                            <i class=" icon iconfont icon-aixin1"></i>
                            <span class="text nav-text">特别关心</span>
                        </a>
                    </li>
                    <li class="nav-link">
                        <a th:href="@{/admin/music}">
                            <i class="icon iconfont icon-yinle"></i>
                            <span class="text nav-text">音乐</span>
                        </a>
                    </li>

                </ul>
            </div>

            <div class="bottom-content">
                <li>
                    <a th:href="@{/logout}">
                        <i class="icon iconfont icon-tuichu"></i>
                        <span class="text nav-text">退出登录</span>
                    </a>
                </li>
                <li class="mode">
                    <div class="sun-moon">
                        <i class="icon iconfont icon-a-icon_wananyueliangshuimian moon"></i>
                        <i class="icon iconfont icon-taiyang-copy sun"></i>
                    </div>
                    <span class="mode-text text">夜间模式</span>
                    <div class="toggle-switch">
                        <span class="switch"></span>
                    </div>
                </li>
            </div>
        </div>
    </nav>


    <section class="home">
        <div class="operation">
            <ul>
                <li class="searchBox">
                    <input class="searchProblemText" type="text" placeholder="搜索问题">
                    <button class="searchProblemBtn">
                        <i class="iconfont icon-sousuo icon"></i>
                    </button>
                </li>
                <li>
                    <a id="showSlavedProblem" th:href="@{/admin/problemManage?status=true}">仅展示未完成的问题</a>
                </li>
            </ul>
        </div>

        <div class="problemList">
            <table>
                <tr>
                    <th>问题id</th>
                    <th>用户id</th>
                    <th>问题名称</th>
                    <th>所在页面</th>
                    <th>问题内容</th>
                    <th>用户手机</th>
                    <th>处理状态</th>
                    <th>操作</th>
                </tr>
                <tr th:each="problem:${pageInfo.list}">
                    <td>[[${problem.pid}]]</td>
                    <td>[[${problem.uid}]]</td>
                    <td>[[${problem.name}]]</td>
                    <td>[[${problem.page}]]</td>
                    <td>[[${problem.body}]]</td>
                    <td>[[${problem.phone}]]</td>
                    <td>[[${problem.status}]]</td>
                    <td><a class="changeStatus" th:pid="${problem.pid}">完成处理</a></td>
                </tr>


            </table>
        </div>

        <!-- 分页条导航条 -->
        <div class="page-nav-wrapper">
            <nav class="page-nav">
                <!-- 页面信息 -->
                <div class="page-info">
                    <span class="now-page">当前为第[[${pageInfo.pageNum}]]页</span>
                    <span class="page-number">共 [[${pageInfo.pages}]] 页</span>
                </div>
                <ul class="pagination">
                    <li class="page-item"><a class="page-link" th:href="@{/admin/problemManage(status=${status},pageNum=${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1)}">Previous</a></li>
                    <!--                <li class="page-item"><a class="page-link" href="#">1</a></li>-->
                    <!--//导航页-->
                    <li th:each="nav:${pageInfo.navigatepageNums}" class="page-item">
                        <a th:href="'/library/admin/problemManage?status='+${status}+'&pageNum='+${nav}" th:text="${nav}" class="page-link"></a>
                    </li>
                    <li class="page-item"><a class="page-link" th:href="@{/admin/problemManage(status=${status},pageNum=${pageInfo.hasNextPage}?${pageInfo.nextPage}:${pageInfo.pages})}">Next</a></li>
                </ul>
            </nav>
        </div>

    </section>

</body>
<script th:src="@{/script/sidebar.js}"></script>
<script th:src="@{/script/problemManage.js}"></script>

</html>